<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="theme-color" content="#2563eb">
    <title>豪华地产 - 首页</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="css/main.css">
    <style>
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes revealFromLeft {
            0% {
                transform: translateX(-100%);
            }
            100% {
                transform: translateX(0);
            }
        }
        
        .animate-fadeInUp {
            animation: fadeInUp 0.8s ease forwards;
        }
        
        .animate-delay-100 {
            animation-delay: 0.1s;
        }
        
        .animate-delay-200 {
            animation-delay: 0.2s;
        }
        
        .animate-delay-300 {
            animation-delay: 0.3s;
        }
        
        .reveal-bar {
            position: relative;
            overflow: hidden;
        }
        
        .reveal-bar::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #2563eb;
            transform: translateX(-100%);
            animation: revealFromLeft 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
        }
        
        .hero-blur-overlay {
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }
        
        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        
        .text-stroke {
            -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
        }
        
        .shadow-hero {
            box-shadow: 0 10px 50px -12px rgba(0, 0, 0, 0.25);
        }
        
        .property-card {
            transition: transform 0.3s ease;
        }
        
        .property-card:hover {
            transform: translateY(-4px);
        }
        
        .card-shadow {
            box-shadow: 0 4px 20px rgba(37, 99, 235, 0.1);
        }
        
        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }
        
        .scrollbar-hide {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
    </style>
</head>
<body class="bg-gray-50 text-gray-800">
    <!-- 首页内容 -->
    <div id="home" class="page bg-white min-h-screen pb-20">
        <!-- 新的惊艳首页头部 -->
        <div class="relative h-[540px] overflow-hidden">
            <!-- 背景视频/图片层 -->
            <div class="absolute inset-0 bg-cover bg-center" style="background-image: url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2000&q=90');">
                <div class="absolute inset-0 bg-gradient-to-b from-black/60 via-black/40 to-black/70"></div>
            </div>
            
            <!-- 动态图形元素 -->
            <div class="absolute inset-0 opacity-20">
                <div class="absolute top-[20%] right-[10%] w-64 h-64 rounded-full border border-white/30 animate-pulse"></div>
                <div class="absolute top-[40%] left-[5%] w-40 h-40 rounded-full border border-white/20"></div>
                <div class="absolute bottom-[10%] right-[20%] w-80 h-80 rounded-full border-2 border-white/10"></div>
                <div class="absolute inset-0 bg-[radial-gradient(circle_at_30%_40%,rgba(37,99,235,0.2),transparent_70%)]"></div>
            </div>
            
            <!-- 顶部导航 -->
            <div class="relative z-10 flex justify-between items-center p-6">
                <div class="text-xl font-bold text-white flex items-center">
                    <span class="bg-blue-600 w-8 h-8 rounded-lg flex items-center justify-center mr-2 shadow-lg">豪</span>
                    豪华地产
                </div>
                <div class="flex items-center space-x-4">
                    <a href="consultation.html" class="bg-white/10 backdrop-blur-sm p-2 rounded-full text-white">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
                        </svg>
                    </a>
                </div>
            </div>
            
            <!-- 主标题内容 -->
            <div class="relative z-10 px-8 pt-12">
                <div class="max-w-md">
                    <div class="overflow-hidden mb-2">
                        <div class="text-xs font-medium uppercase tracking-widest text-blue-400 animate-fadeInUp">品质生活的起点</div>
                    </div>
                    <div class="overflow-hidden">
                        <h1 class="text-4xl font-bold text-white leading-tight animate-fadeInUp animate-delay-100">
                            发现<span class="text-blue-400">超越</span>想象的<br>理想居所
                        </h1>
                    </div>
                    <div class="overflow-hidden mt-4">
                        <p class="text-white/80 animate-fadeInUp animate-delay-200">高品质地产，为您打造尊贵生活体验，成就非凡人生。</p>
                    </div>
                    
                    <!-- 主要CTA按钮 -->
                    <div class="mt-8 flex space-x-4 animate-fadeInUp animate-delay-300">
                        <a href="property-list.html" class="bg-blue-600 text-white px-6 py-3 rounded-lg font-medium shadow-xl shadow-blue-600/30 hover:shadow-blue-600/40 transition-all flex items-center">
                            探索楼盘
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
                            </svg>
                        </a>
                        <a href="appointment.html" class="bg-white/10 backdrop-blur-sm text-white px-6 py-3 rounded-lg font-medium border border-white/20 hover:bg-white/20 transition-all">
                            预约看房
                        </a>
                    </div>
                </div>
            </div>
            
            <!-- 装饰性标签 -->
            <div class="absolute bottom-24 left-8 z-10 overflow-hidden">
                <div class="animate-fadeInUp animate-delay-300 flex flex-wrap gap-3">
                    <div class="bg-white/10 backdrop-blur-sm rounded-full px-4 py-1.5 text-white text-xs font-medium border border-white/10 shadow-lg flex items-center">
                        <div class="w-1.5 h-1.5 rounded-full bg-green-400 mr-2"></div>
                        超高性价比
                    </div>
                    <div class="bg-white/10 backdrop-blur-sm rounded-full px-4 py-1.5 text-white text-xs font-medium border border-white/10 shadow-lg flex items-center">
                        <div class="w-1.5 h-1.5 rounded-full bg-blue-400 mr-2"></div>
                        精选楼盘
                    </div>
                    <div class="bg-white/10 backdrop-blur-sm rounded-full px-4 py-1.5 text-white text-xs font-medium border border-white/10 shadow-lg flex items-center">
                        <div class="w-1.5 h-1.5 rounded-full bg-purple-400 mr-2"></div>
                        专业顾问服务
                    </div>
                </div>
            </div>
            
            <!-- 波浪形分隔线 -->
            <div class="absolute bottom-0 left-0 right-0">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120" class="fill-white w-full h-auto">
                    <path d="M0,96L40,85.3C80,75,160,53,240,58.7C320,64,400,96,480,106.7C560,117,640,107,720,96C800,85,880,75,960,74.7C1040,75,1120,85,1200,80C1280,75,1360,53,1400,42.7L1440,32L1440,120L1400,120C1360,120,1280,120,1200,120C1120,120,1040,120,960,120C880,120,800,120,720,120C640,120,560,120,480,120C400,120,320,120,240,120C160,120,80,120,40,120L0,120Z"></path>
                </svg>
            </div>
        </div>

        <!-- 首页快捷导航 -->
        <div class="px-4 -mt-24 relative z-20">
            <div class="bg-white rounded-2xl shadow-hero p-5">
                <div class="relative overflow-hidden rounded-xl bg-gradient-to-br from-blue-600 to-blue-800 p-4">
                    <!-- 背景装饰 -->
                    <div class="absolute inset-0 opacity-10">
                        <div class="absolute top-0 right-0 w-40 h-40 bg-white rounded-full transform translate-x-1/2 -translate-y-1/2"></div>
                        <div class="absolute bottom-0 left-0 w-32 h-32 bg-white rounded-full transform -translate-x-1/2 translate-y-1/2"></div>
                    </div>
                    
                    <div class="relative flex items-start space-x-4">
                        <!-- 顾问头像和徽章 -->
                        <div class="flex-shrink-0 relative">
                            <div class="w-16 h-16 rounded-full border-2 border-white/30 overflow-hidden">
                                <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="徐娜娜" class="w-full h-full object-cover">
                            </div>
                            <div class="absolute -bottom-1 -right-1 bg-yellow-400 text-blue-900 text-[10px] px-1.5 py-0.5 rounded-full font-bold">
                                金牌顾问
                            </div>
                        </div>
                        
                        <!-- 顾问信息 -->
                        <div class="flex-1 text-white">
                            <div class="flex items-center gap-2 mb-1">
                                <h3 class="text-lg font-bold">徐娜娜</h3>
                                <div class="px-1.5 py-0.5 bg-white/10 rounded-full text-xs">8年豪宅销售经验</div>
                            </div>
                            <div class="text-xs text-white/80 mb-2">高端豪宅专家 | 江景房销冠 | 置业规划师</div>
                            <div class="flex items-center gap-3 mb-2">
                                <div class="flex items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" />
                                    </svg>
                                    <span class="text-xs ml-1">4.9分</span>
                                </div>
                                <div class="text-xs">成交量 256+</div>
                                <div class="text-xs">好评率 98%</div>
                            </div>
                            <div class="flex flex-wrap gap-2 mb-3">
                                <span class="text-[10px] px-2 py-0.5 bg-white/10 rounded-full">专业贴心</span>
                                <span class="text-[10px] px-2 py-0.5 bg-white/10 rounded-full">响应迅速</span>
                                <span class="text-[10px] px-2 py-0.5 bg-white/10 rounded-full">熟悉市场</span>
                                <span class="text-[10px] px-2 py-0.5 bg-white/10 rounded-full">一对一服务</span>
                            </div>
                            <div class="flex gap-2">
                                <a href="tel:13800138000" class="flex-1 bg-white/10 hover:bg-white/20 py-1.5 rounded-lg text-center text-sm transition-all flex items-center justify-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
                                    </svg>
                                    电话咨询
                                </a>
                                <a href="consultation.html" class="flex-1 bg-white text-blue-600 py-1.5 rounded-lg text-center text-sm hover:bg-blue-50 transition-all flex items-center justify-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
                                    </svg>
                                    在线沟通
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 精选楼盘 -->
        <div class="px-4 mb-8">
            <div class="flex justify-between items-center mb-4">
                <h2 class="text-lg font-bold flex items-center">
                    <span class="w-1 h-5 bg-blue-600 rounded mr-2"></span>
                    璀璨江景华府
                </h2>
            </div>
            
            <div class="relative overflow-hidden rounded-2xl card-shadow mb-6">
                <img src="https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1800&q=80" alt="璀璨江景华府" class="w-full h-52 object-cover">
                <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/30 to-transparent"></div>
                <div class="absolute bottom-0 left-0 right-0 p-5">
                    <div class="mb-2">
                        <span class="px-2 py-1 text-xs bg-blue-600 text-white rounded-full inline-block mb-2">准现房</span>
                        <h3 class="text-white text-lg font-bold">270-380㎡江景豪宅</h3>
                    </div>
                    <div class="flex justify-between items-end">
                        <div class="text-white/90 text-sm">均价75,000/㎡ · 即将交付</div>
                        <a href="property-detail.html" class="bg-white text-blue-600 px-4 py-1.5 rounded-full text-sm font-medium">了解详情</a>
                    </div>
                </div>
            </div>

            <!-- 户型系列 改为 项目亮点 -->
            <div class="mb-6">
                <div class="flex justify-between items-center mb-3">
                    <h3 class="text-base font-medium">项目亮点</h3>
                </div>
                <div class="grid grid-cols-2 gap-4">
                    <div class="bg-white rounded-xl p-4 shadow-md">
                        <div class="flex items-center mb-3">
                            <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                                </svg>
                            </div>
                            <div>
                                <h4 class="text-sm font-bold">黄金地段</h4>
                                <p class="text-xs text-gray-500">江景豪宅核心区</p>
                            </div>
                        </div>
                        <div class="text-xs text-gray-600">
                            临江一线地段，近地铁2号线，商业配套成熟
                        </div>
                    </div>

                    <div class="bg-white rounded-xl p-4 shadow-md">
                        <div class="flex items-center mb-3">
                            <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
                                </svg>
                            </div>
                            <div>
                                <h4 class="text-sm font-bold">建筑设计</h4>
                                <p class="text-xs text-gray-500">国际建筑大师操刀</p>
                            </div>
                        </div>
                        <div class="text-xs text-gray-600">
                            法式新古典风格，尊贵典雅
                        </div>
                    </div>

                    <div class="bg-white rounded-xl p-4 shadow-md">
                        <div class="flex items-center mb-3">
                            <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
                                </svg>
                            </div>
                            <div>
                                <h4 class="text-sm font-bold">智能科技</h4>
                                <p class="text-xs text-gray-500">全屋智能系统</p>
                            </div>
                        </div>
                        <div class="text-xs text-gray-600">
                            智能家居控制，24小时安防
                        </div>
                    </div>

                    <div class="bg-white rounded-xl p-4 shadow-md">
                        <div class="flex items-center mb-3">
                            <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
                                </svg>
                            </div>
                            <div>
                                <h4 class="text-sm font-bold">物业服务</h4>
                                <p class="text-xs text-gray-500">五星级物业团队</p>
                            </div>
                        </div>
                        <div class="text-xs text-gray-600">
                            管家式服务，尊享生活体验
                        </div>
                    </div>
                </div>
            </div>
        </div>
                
        <!-- 热门户型 -->
        <div class="px-4 mb-8">
            <div class="flex justify-between items-center mb-4">
                <h2 class="text-lg font-bold flex items-center">
                    <span class="w-1 h-5 bg-blue-600 rounded mr-2"></span>
                    热门户型
                </h2>
                <a href="floor-plan-list.html" class="text-xs text-blue-600">查看全部 ></a>
            </div>
            
            <div class="grid grid-cols-2 gap-4">
                <a href="floor-plan-detail.html" class="bg-white rounded-xl overflow-hidden card-shadow property-card">
                    <div class="relative">
                        <img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=80" alt="户型1" class="w-full h-32 object-cover">
                        <div class="absolute top-2 right-2 bg-blue-600 text-white text-xs px-2 py-0.5 rounded-full">89㎡</div>
                    </div>
                    <div class="p-3">
                        <h3 class="text-sm font-bold mb-1">精致三房</h3>
                        <div class="flex justify-between items-center">
                            <div class="text-xs text-gray-500">南北通透</div>
                            <div class="text-xs text-blue-600 font-medium">298万起</div>
                        </div>
                    </div>
                </a>
                <a href="floor-plan-detail.html" class="bg-white rounded-xl overflow-hidden card-shadow property-card">
                    <div class="relative">
                        <img src="https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=80" alt="户型2" class="w-full h-32 object-cover">
                        <div class="absolute top-2 right-2 bg-blue-600 text-white text-xs px-2 py-0.5 rounded-full">120㎡</div>
                    </div>
                    <div class="p-3">
                        <h3 class="text-sm font-bold mb-1">豪华四房</h3>
                        <div class="flex justify-between items-center">
                            <div class="text-xs text-gray-500">双主卧</div>
                            <div class="text-xs text-blue-600 font-medium">536万起</div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>

    <!-- 底部导航 -->
    <div class="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 z-20 bottom-nav">
        <div class="grid grid-cols-5 h-16">
            <a href="index.html" class="flex flex-col items-center justify-center text-blue-600">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7m-7-7v14" />
                </svg>
                <span class="text-xs mt-1">首页</span>
            </a>
            <a href="property-list.html" class="flex flex-col items-center justify-center text-gray-400">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
                </svg>
                <span class="text-xs mt-1">楼盘列表</span>
            </a>
            <a href="floor-plan-list.html" class="flex flex-col items-center justify-center text-gray-400">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
                </svg>
                <span class="text-xs mt-1">户型列表</span>
            </a>
            <a href="appointment.html" class="flex flex-col items-center justify-center text-gray-400">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                </svg>
                <span class="text-xs mt-1">预约看房</span>
            </a>
            <a href="my.html" class="flex flex-col items-center justify-center text-gray-400">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
                </svg>
                <span class="text-xs mt-1">我的</span>
            </a>
        </div>
    </div>
    
    <script src="js/main.js"></script>
</body>
</html> 